<template>
  <div>
    <input
      type="text"
      :value="message"
      @change="change"
      placeholder="please input"
      style="width: 300px;"
    >
  </div>
</template>

<script lang="ts" setup>
  import { useCookieState } from 'vue-hooks-plus'
  const [message, setMessage] = useCookieState('useCookieStateString-set')

  const change = (e: any) => {
    setMessage(() => e.target.value)
  }
</script>
